.city_forecast {
    padding: 20px;
    height: 100%;
    overflow: hidden;
    background-image: url(/business/common/css/images/background.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-size: 16px;
}
.city_forecast .city_forecast_content {
    width: 100%;
    height: 100%;
    padding:20px;
    float: left;
    background: rgba(11, 46, 89, 0.5);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: inset 0 0 8px #0d99f5;
    border: 1px solid #4269ac;
}
.city_forecast_content .title{
    color: #f5f5f5;
}
.city_forecast_content .title .city_title{
    text-indent: 14px;
    font-size: 18px;
}
.city_time{
    margin-left: 34px;
}
.city_time .time_item{
    margin: 0;
    padding: 0;
}
.city_time .time_item li{
    width: 64px;
    height: 37px;
    text-align: center;
    line-height: 37px;
    color: #3761a8;
    cursor: pointer;
    margin-right: 8px;
    background: url(images/icon-time.png)no-repeat center center;
}
.city_time .time_item li.active{
    background: url(images/icon-time-hover.png)no-repeat center center;
    color: #e5ed43;
}
.city_time .time_item li:last-child{
    margin-right: 0px;
}

.head_btn{
    margin: 0;
    padding: 0;
}
.head_btn li{
    height: 32px;
    margin-left: 10px;
    border: 2px solid #0d99f5;
    background: #0b4596;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    padding: 0px 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.head_btn li:hover{
    background: #0d99f5;
}
.head_btn li i{
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
}
#remakeBtn i{
    background: url(images/icon-remake.png)no-repeat center center;
}
#loadPrevBtn i{
    background: url(images/icon-loadPrev.png)no-repeat center center;
}
#saveBtn i{
    background: url(images/icon-save.png)no-repeat center center;
}
#publishBtn i{
    background: url(images/icon-publish.png)no-repeat center center;
}
#lowerHairBtn i{
    background: url(images/icon-lowerHair.png)no-repeat center center;
}
#downBtn i{
    background: url(images/icon-down.png)no-repeat center center;
}
#historyBtn i{
    background: url(images/icon-history.png)no-repeat center center;
}
#fullScreenBtn i{
    background: url(images/icon-fullScreen.png)no-repeat center center;
}
.data_source select{
    background: #061b43;
    border-radius: 3px;
    border: 1px solid #2f5483;
    outline: none;
    padding: 5px 12px;
}
.forecast_main_top{
    width: 100%;
    margin-top: 20px;
    color: #f5f5f5;
}
.forecast_main_top>div{
    border-bottom: 3px solid #0f59b9;
    height: 120px;
    background:-webkit-linear-gradient(top,rgba(6,65, 142, 0.7) 10%,rgba(6,65, 142, 0) 110%);
    padding: 20px 14px;
}
.forecast_main_top .temp{
    width: 11.2%;
}
.element_data{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.element_data input{
    width: 60px;
    background: #06204c;
    border: 1px solid #275292;
    border-radius: 2px;
    text-align: center;
    line-height: 30px;
    outline: none;
}
.element_icon{
    display: flex;
    margin-top: 10px;
    justify-content: space-between;
}
.element_icon i{
    display: inline-block;
    width: 52px;
    height:34px;
    cursor: pointer;
    text-align: center;
    line-height: 34px;
    font-style: normal;
    font-size: 20px;
    color: #efe626;
}
#temp_icon i.active,
#rain_icon i.active,
#ws_icon i.active{
    background: url(images/icon-bj.png)no-repeat center center;
}
.forecast_main_top .rain{
    width: 11.2%;
}
.forecast_main_top .ws{
    width: 35.5%;
}
.forecast_main_top .ws .writing{
    background: #06204c;
    border: 1px solid #27579c;
    border-radius: 3px;
    padding: 8px 14px 20px 14px;
    width: 68%;
}
.forecast_main_top .ws .writing span{
    font-size: 14px;
    line-height: 30px;
    width: 58px;
    display: block;
    cursor: pointer;
}
.forecast_main_top .ws .writing span.active,
.wp_data span.active{
    color: #efe626;
}
.forecast_main_top .ws .writing_data{
    width: 27%;
}
.forecast_main_top .wd{
    width: 11.2%;
}
.wd select{
    background: #061b43;
    border-radius: 3px;
    border: 1px solid #2f5483;
    outline: none;
    width: 110px;
    height: 32px;
    text-indent: 14px;
}
.forecast_main_top .wp{
    width: 28.6%;
}
.wp_data{
    background: #06204c;
    border: 1px solid #27579c;
    border-radius: 3px;
    padding: 8px 0px;
    font-size: 14px;
}
.wp_data span{
    display: block;
    cursor: pointer;
    line-height: 30px;
    padding: 0px 8px;
}
.forecast_table{
    display: flex;
    justify-content: center;
}
.table_main_title{
    font-size: 18px;
    line-height: 80px;
}
.table_main_title i{
    width: 33px;
    height: 35px;
    display: inline-block;
    margin-right: 16px;
    background: url(images/icon-table.png)no-repeat center center;
}
.table_main_title a{
    color: #f5f5f5;
    text-decoration: none;
}
.tableData{
    border: 1px solid #4269ac;
    border-radius: 4px;
    overflow: hidden;
    letter-spacing: 1px;
}
.tableData table{
    width: 1000px;
}
.tableData table thead tr th{
    background: #266de1;
    font-weight: normal;
    text-align: center;
    height: 35px;
    border: 1px solid #00359e;
    color: #f5f5f5;
}
.tableData table thead tr:first-child th{
    border-top: none;
}
.tableData table thead tr th:last-child{
    border-right: none;
}
.tableData table thead tr:first-child th:first-child{
    text-indent: 32px;
    text-align: left;
    border-left: none;
}
.tableData table tbody tr td:first-child{
    text-indent: 32px;
    color: #277cc8;
    text-align: left;
}
.tableData table thead tr th,
.tableData table tbody tr td{
    width: 20%;
} 
.tableData table tbody tr td{
    line-height: 49px;
    text-align: center;
}
.tableData table thead a{
    color: #f5f5f5;
    text-decoration: none;
}
.tableData table tbody tr{
    border-bottom: 1px solid #4269ac;
}
.tableData table tbody tr:last-child{
    border: none;
}
.tableData table tbody tr:nth-child(2n){
    background: rgba(21, 58, 106, 0.5);
}
.tableData input,.tableData select{
    border: none;
    background: none;
    text-align: center;
    width: 100%;
    color: #f5f5f5;
}
.tableData select{
    width: auto;
    padding: 0 2%;
    margin: 0;
    text-align-last:center;
}
.tableData select option{
    color: #000;
    text-align:center;
}
.textYellow{
    color: #d3eb5c !important;
}
.textGreen{
    color: #45d473 !important;
}
.textRed{
    color:#e4200d !important;
}
.disabled{
    pointer-events: none;
}